<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>todolist</title>
</head>

<body>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
  <script>
    //=>根据当前设备的宽度,动态计算出REM的换算比例,实现页面中元素的等比缩放
    ~(function anonymous (window)
    {
      let computedREM = function computedREM ()
      {
        let winW = document.documentElement.clientWidth,
          desW = 375;
        if (winW >= 375) {
          document.documentElement.style.fontSize = "100px";
          return;
        }
        document.documentElement.style.fontSize = (winW / desW) * 100 + "px";
      };
      computedREM();
      window.addEventListener("resize", computedREM);
    })(window);
  </script>
</body>

</html>